.workshops_container {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to bottom,
    rgba(4, 87, 101, 0.6) 0%,
    rgba(12, 79, 91, 0.8) 50%,
    rgba(1, 20, 47, 0.5) 100%
  );
  margin: 0 auto;
  border-radius: 20px;
}

/* 含公司标题 表头 */
.workshops_top {
  width: 100%;
  /* padding: 0.3rem 0; */
  height: 7%;
  font-size: 0.32rem;
  color: #01d6ff;
  font-weight: 700;
  display: flex;
  align-content: center;
  justify-content: left;
}

.top-icon {
  display: flex;
  /* width: 1.9rem; */
  height: 0.9rem;
  align-items: center;
  padding-left: 0.3rem;
}

.top-icon img {
  width: 100%;
}

.workshops_top > span {
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
  margin-left: 0.2rem;
  font-weight: 700;
  background-image: -webkit-linear-gradient(bottom, #01d6ff, #01d6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.workshops_main {
  height: 93%;
}

/* 不含公司标题 表头 */
.flex_top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0.3rem;
  font-size: 0.25rem;
  color: #01d6ff;
  font-weight: 700;
}

.flex_top > span {
  margin-left: 0.2rem;
}

/*input框 */
.el-input__inner {
  background-color: transparent !important;
  border: 2px solid #0ab6c2 !important;
  height: 0.4rem !important;
  line-height: 0.4rem !important;
  font-size: 0.17rem !important;
  color: #fff !important;
}

/* 时间选择器 */
.el-date-editor .el-range-input {
  background: rgba(0, 0, 0, 0);
  color: #fff !important;
}
.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  font-size: 0.17rem !important;
}
.el-date-editor .el-range-separator {
  width: 9% !important;
  color: #c0c4cc !important;
  line-height: 40px !important;
  height: 40px !important;
}
.el-date-editor--daterange.el-input__inner {
  width: 4rem !important;
}
.el-date-editor .el-range__icon {
  line-height: 40px;
  font-size: 0.2rem;
  color: #fff !important;
}
/* 选择器 */
.el-select-dropdown__item {
  height: 40px !important;
  line-height: 40px !important;
  font-size: 0.15rem !important;
}
/*分页器 */
.page_con button,
.el-pager li {
  background-color: transparent !important;
  color: #dadde1 !important;
  border: 1px solid #dadde1 !important;
  font-size: 0.15rem !important;
  min-width: 0.3rem !important;
  height: 0.3rem !important;
  line-height: 0.3rem !important;
}
.el-pagination {
  font-weight: normal !important;
}
.el-pagination.is-background .el-pager li {
  margin: 0 0.06rem !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0a919e !important;
  color: #dadde1 !important;
  border: 1px solid #0a919e !important;
  font-weight: normal !important;
}
.m-l {
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
}
.el-input__icon {
  height: auto !important;
}

/*tab*/
.el-tabs__item {
  font-size: 0.2rem;
  color: #fff;
  height: 45px;
  line-height: 45px;
  color: #c0c4cc !important;
}
.el-tabs__item.is-active {
  color: #00def8 !important;
}
.el-tabs__active-bar {
  background: #00def8 !important;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
/*定义滚动条样式（高宽及背景）*/
::-webkit-scrollbar {
  width: 12px; /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
  background: #056274;
}
/*定义滚动条轨道（凹槽）样式*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); /* 较少使用 */
  border-radius: 3px;
}
/*定义滑块 样式*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  height: 20px; /* 滚动条滑块长度 */
  background-color: #02b2be;
}

/* 生产总貌*/
.visual_box {
  width: 100%;
  padding: 0 10px;
}
.visual_title {
  width: 100%;
  padding-left: 15px;
  position: relative;
  color: #fff;
  /* margin-bottom: 10px; */
}
.visual_title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  border-radius: 20%;
  height: 100%;
  background: #01d6ff;
}
